<html>

<head>
    <title>CSS基础</title>

    <style>
        /*页内样式*/
        p {
            color: blueviolet;
        }

        /*id选择器*/
        #al {
            /*只能出现一次*/
            color: aquamarine;
            font-size: larger;
        }

        /*类选择器*/
        .ar {
            color: rgb(10, 255, 255);
            font-size: medium;
            text-decoration: double;
        }

        /*伪类选择器*/
        p:hover {
            font-size: xx-large;
        }
    </style>
    <!--链接CSS-->
    <link rel="stylesheet" href="demo.css">
</head>

<body>
    <p>文本内容</p>
    <p id="al">文本内容</p>
    <p class="ar">文本内容</p>
    <!--行内样式-->
    <p style="text-decoration: underline;">文本内容</p>
    <div class="at">div文本样式</div>
</body>

</html>